<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Markdown Guide</title>
	<meta name="description" content="A simple guide to writing Markdown.">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<style>
	h4{
		margin-top:20px;
		margin-bottom:5px;
	}
	
	h4 small{
		font-style:italic;
	}
	
	pre {
		overflow:auto;
		word-wrap:normal;
		white-space:pre;
	}
	
	footer{
		margin:20px 0 30px;
		font-size:80%;
		color:#999;
		text-align:center;
	}
	</style>
</head>

<body>
	<div class="container-fluid">
		<div class="row" style="max-width:500px; margin:auto;">
			<div class="col-xs-12">
<h1 style="text-align:center;">Markdown Guide</h1>

<h4>Emphasis</h4>
<pre>**<strong>bold</strong>**
*<em>italics</em>*
~~<strike>strikethrough</strike>~~</pre>

<h4>Headers</h4>
<pre># Big header
## Medium header
### Small header
#### Tiny header</pre>

<h4>Lists</h4>
<pre>* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item</pre>

<h4>Links</h4>
<pre>[Text to display](http://www.example.com)</pre>

<h4>Quotes</h4>
<pre>> This is a quote.
> It can span multiple lines!</pre>

<h4>Images &nbsp; <small>Need to upload an image? <a href="http://imgur.com/" target="_blank">Imgur</a> has a great interface.</small></h4>
<pre>![](http://www.example.com/image.jpg)</pre>

<h4>Tables</h4>
<pre>| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

<em>Or without aligning the columns...</em>

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |
</pre>

<h4>Displaying code</h4>
<pre>`var example = "hello!";`

<em>Or spanning multiple lines...</em>

```
var example = "hello!";
alert(example);
```</pre>

				<footer>Provided for use with <a href="http://sparksuite.github.io/simplemde-markdown-editor" target="_blank">SimpleMDE</a></footer>
			</div>
		</div>
	</div>
	
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	
	  ga('create', 'UA-5808021-18', 'auto');
	  ga('send', 'pageview');
	
	</script>
</body>
</html>
